<template>
  <div class="hot">
    <h4 class="hh">热门城市</h4>
    <ul class="uu">
      <li v-for="item in hotCities">{{item.name}}</li>

    </ul>
  </div>
</template>
<script>
export default{
  data(){
    return{

    }
  },
  props:["hotCities"]
}
</script>
<style scoped>
.hot{
  color:#212121;
}
.hot .hh{
  font-size: .12rem;
  line-height: .24rem;
  margin-left:.13rem;
  font-weight:normal;
}
.hot .uu{
  overflow:hidden;
  text-align:center;
  position:relative;
  background-color: #fff;
}
.uu:before{
  content:"";
  position:absolute;
  width:33.333%;
  left: 33.333%;
  height:100%;
  border-left:.01rem solid #ddd;
  border-right:.01rem solid #ddd;
}
.hot .uu li{
    width: 33.3333%;
    float:left;
    font-size: .14rem;
    border-bottom:.01rem solid #ddd;
  line-height: .45rem;
  }
</style>
